.shopping-container {
  background: #F8F8F8;
  min-height: 100vh;
  box-sizing: border-box;
  width: 100%;
  padding-bottom: 110rpx;

  // 隔断
  .free-dialog__mask {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    background: #333334;
    opacity: 0.6;
  }

  .free-dialog__container {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #FFF;
    transform: translateY(150%);
    transition: all 0.4s ease;
    z-index: 199;
    border-radius: 32rpx 32rpx 0px 0px;
  }

  .free-dialog--show {
    display: block;
  }

  .free-dialog--hide {
    display: none;
  }

  .free-dialog--show .free-dialog__container {
    transform: translateY(0);
  }

  .hide {
    display: none;
  }

  .coupon_form {
    width: 112rpx;
    height: 38rpx;
    line-height: 38rpx;
    font-size: 20rpx;
    font-weight: bold;
    color: #FFFFFF;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    background-image: url("https://xunjiangzhimei.oss-cn-hangzhou.aliyuncs.com/upload/image/20201118/5fb6115acc0b26a73b76c2bd4bf7a0f183222bb1.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
  }

  .coupon_price {
    width: 194rpx;
    text-align: center;
  }

  .coupon_type {
    width: 280rpx;
  }



  .state {
    width: 168rpx;
    height: 60rpx;
    line-height: 60rpx;
    border-radius: 30rpx;
    text-align: center;
    font-size: 28rpx;
    font-weight: bold;
    color: #FFFFFF;
    margin-right: 22rpx;
  }

  .stateA {
    background: rgba(254, 59, 48, 1);
  }

  .stateB {
    color: #FE3B30;
  }

  .coupon_mold {
    font-size: 28rpx;
    color: #FE4C58;
    font-weight: bold;
  }

  .coupon_time {
    font-size: 24rpx;
    color: #FE4C58;
    margin-top: 8rpx;
  }

  .coupon_num {
    font-size: 64rpx;
    color: #FE4C58;
    font-weight: bold;
  }

  .coupon_num .sign {
    font-size: 32rpx;
  }

  .coupon_money {
    font-size: 24rpx;
    color: #FE4C58;
    font-weight: bold;
  }

  .close {
    width: 40rpx;
    height: 40rpx;
    position: absolute;
    top: 30rpx;
    right: 18rpx;
  }

  .close_pic {
    width: 40rpx;
    height: 40rpx;
  }

  .ment {
    padding-top: 26rpx;
    position: relative;
    width: 698rpx;
    margin: 0 auto;
  }

  .ment_top {
    display: flex;
    justify-content: flex-start;
  }

  .ment_pic {
    width: 180rpx;
    height: 180rpx;
    border-radius: 20rpx;
  }

  .ment_info {
    margin-left: 28rpx;
    padding-top: 40rpx;
  }

  .ment_price {
    color: #DD0842;
    font-size: 32rpx;
    font-weight: bold;
  }

  .ment_sign {
    font-size: 28rpx;
  }

  .ment_rep {
    font-size: 24rpx;
    color: #9B9B9B;
    margin-top: 12rpx;
  }

  .ment_choose {
    font-size: 24rpx;
    color: #4A4A4A;
    margin-top: 12rpx;
  }

  .ment_option {
    margin-top: 36rpx;
  }

  .option {
    max-height: 600rpx;
    overflow-y: scroll;
  }

  .option_tit {
    font-size: 28rpx;
    color: #4A4A4A;
    font-weight: bold;
    margin-bottom: 24rpx;
  }

  .option_txt {
    margin-top: 20rpx;
    min-height: 60rpx;
  }

  .option_exp {
    font-size: 28rpx;
    color: #4A4A4A;
    background: #F8F8F8;
    padding: 8rpx 20rpx;
    border-radius: 8rpx;
    margin-right: 20rpx;
    margin-bottom: 24rpx;
    display: inline-block;
    border: 2rpx solid transparent;
    vertical-align: middle;
  }

  .option_exp.on {
    border: 2rpx solid rgba(221, 8, 66, 1);
    color: #DD0842;
    font-weight: bold;
  }

  .option_img {
    width: 48rpx;
    height: 48rpx;
    margin-right: 20rpx;
    vertical-align: middle;
    border-radius: 6rpx;
  }

  .ment_num {
    display: flex;
    justify-content: space-between;
    position: relative;
    padding-top: 16rpx;
  }

  .ment_num::after {
    display: flex;
    box-sizing: border-box;
    align-items: center;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 200%;
    height: 200%;
    transform: scale(0.5);
    transform-origin: 0 0;
    border-top: 1rpx solid #E7E7E7;
    z-index: 1;
    overflow: hidden;
    pointer-events: none;
  }

  .num_txt {
    font-size: 28rpx;
    color: #4A4A4A;
    font-weight: bold;
    line-height: 50rpx;
  }

  .minus,
  .add {
    font-size: 32rpx;
    color: #4A4A4A;
    text-align: center;
    line-height: 50rpx;
    width: 80rpx;
  }

  .minus.on,
  .add.on {
    color: #9B9B9B
  }

  .num_handle {
    display: flex;
    justify-content: space-between;
    width: 206rpx;
  }

  .num_number {
    font-size: 28rpx;
    color: #333334;
    font-weight: bold;
    text-align: center;
    width: 68rpx;
    height: 50rpx;
    line-height: 50rpx;
    background: #F8F8F8;
  }

  .ment_cart {
    width: 330rpx;
    background: #BC944B;
    line-height: 90rpx;
    text-align: center;
    font-size: 32rpx;
    color: #FFFFFF;
    font-weight: bold;
    border-radius: 45rpx;
  }

  .ment_buy {
    width: 330rpx;
    background: #DD0842;
    line-height: 90rpx;
    text-align: center;
    font-size: 32rpx;
    color: #FFFFFF;
    font-weight: bold;
    border-radius: 45rpx;
  }

  .ment_menu {
    margin-top: 40rpx;
    display: flex;
    justify-content: space-between;
  }

  .uncheck {
    color: #C6C6C6;
  }

  button[plain] {
    border: 0;
    padding: 0;
    line-height: 48rpx;
  }

  .ment_buy_now {
    width: 100%;
    height: 90rpx;
    background: #DD0842;
    border-radius: 45rpx;
    text-align: center;
    line-height: 90rpx;
    font-size: 32rpx;
    color: #FFFFFF;
    font-weight: bold;
    margin-top: 40rpx;
  }

  .ment_buy_lack {
    width: 100%;
    height: 90rpx;
    background: #E4E4E4;
    border-radius: 45rpx;
    text-align: center;
    line-height: 90rpx;
    font-size: 32rpx;
    color: #9B9B9B;
    font-weight: bold;
    margin-top: 40rpx;
  }

  .ment_buy_down {
    width: 100%;
    height: 90rpx;
    background: #E4E4E4;
    border-radius: 45rpx;
    text-align: center;
    line-height: 90rpx;
    font-size: 32rpx;
    color: #333334;
    font-weight: bold;
    margin-top: 40rpx;
  }

  .detail_down {
    font-size: 28rpx;
    color: #C6C6C6;
    text-align: center;
    margin-top: 34rpx;
  }

  .detail_no {
    padding: 180rpx 0 98rpx;
  }

  .no_pic {
    width: 304rpx;
    height: 350rpx;
  }

  .no_img {
    width: 304rpx;
    height: 350rpx;
    margin: 0 auto;
  }

  .coupon_all {
    width: 100%;
    max-height: 770rpx;
    overflow-y: scroll;
  }

  .no_coupon {
    display: flex;
    justify-content: center;
    width: 100%;
  }

  .close_pic_1 {
    width: 40rpx;
    height: 40rpx;
  }

  .coupon_pic {
    width: 304rpx;
    height: 350rpx;
    align-items: center;
    display: flex;
  }

  .no_coupon_txt {
    font-size: 28rpx;
    color: #C6C6C6;
    text-align: center;
    margin-top: 36rpx;
  }

  .coupon_info {
    background-image: url("https://xunjiangzhimei.oss-cn-hangzhou.aliyuncs.com/upload/image/20191016/5f1cecdae453e555a443c0c937cb3e5aceff1c1b.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    width: 100%;
    height: 172rpx;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12rpx;
    position: relative;
  }

  .title-text {
    display: flex;
    align-items: center;
    margin-bottom: 58rpx;

    .left-text {
      font-size: 24rpx;
      font-family: PingFangSC, PingFangSC-Regular;
      font-weight: 400;
      color: #2f210c;
      line-height: 34rpx;
    }

    .ment_tit {
      font-size: 28rpx;
      color: #333334;
      font-weight: bold;
      margin-left: 176rpx;
    }
  }

  // 隔断
  .help-main {
    width: 580rpx;
    height: 514rpx;
    background: rgba(255, 255, 255, 1);
    border-radius: 20rpx;
    position: fixed;
    z-index: 100;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 130000;
    // padding:0 0 0 46rpx;
    box-sizing: border-box;

    .title {
      width: 100%;
      text-align: center;
      font-size: 32rpx;
      font-weight: 600;
      color: rgba(74, 74, 74, 1);
      padding: 30rpx 0 40rpx 0;
    }

    .line {
      padding: 0 40rpx 0 46rpx;
      font-size: 28rpx;
      font-weight: 500;
      color: rgba(51, 51, 52, 1);
      line-height: 38rpx;

      text {
        color: #2791E9;
      }
    }

    .bottom {
      width: 100%;
      height: 98rpx;
      border-top: 2rpx solid #979797;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: 28rpx;
      font-size: 32rpx;
      font-weight: 600;
      color: rgba(74, 144, 226, 1);
    }
  }


  .bill {
    width: 100%;
    padding: 0 24rpx;
    box-sizing: border-box;

    height: 64rpx;
    background: #FFEFDB;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    left: 0;
    z-index: 100;

    .left {
      font-size: 22rpx;
      font-family: PingFang-SC-Medium, PingFang-SC;
      font-weight: 500;
      color: #B78E59;
    }

    .right {
      // width: 136rpx;
      // height: 48rpx;
      // background: #DD0842;
      // border-radius: 10rpx;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 20rpx;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      color: #027AFF;

      >image {
        width: 24rpx;
        height: 24rpx;
        margin-left: 4rpx;
      }

    }
  }

  .imgList-pro {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 100000;
    background: black;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

    .img-pro {
      width: 100%;
      height: 100%;
      margin: auto;
    }
  }

  .left-del_ {
    height: 235rpx !important;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #DD0842;
    width: 75px;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 28rpx;
  }

  .left-del {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 318rpx;
    background: #DD0842;
    width: 75px;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 28rpx;
  }

  .cut {
    width: 18rpx;
    height: 40rpx;

  }

  .add {
    width: 18rpx;
    height: 40rpx;
  }

  .bottom-content {
    width: 100%;
    height: 960rpx;
    background: white;
    padding: 0 24rpx;
    box-sizing: border-box;

    .scroll-content {
      height: 606rpx;

      .item-view {
        margin-bottom: 20rpx;
      }
    }

    .top-title {
      display: flex;
      justify-content: space-between;

      // margin-top: 26rpx;
      .left {
        display: flex;
        align-items: flex-end;

        .left-img {
          width: 180rpx;
          height: 180rpx;
          border-radius: 16rpx;
          margin-right: 26rpx;
        }

        .detail {

          .line {
            &:nth-child(1) {
              font-size: 28rpx;
              font-weight: 600;
              color: #DD0842;
              line-height: 40rpx;
            }

            &:nth-child(2) {
              font-size: 24rpx;
              font-weight: 500;
              color: rgba(155, 155, 155, 1);
              line-height: 34rpx;
              margin-top: 12rpx;
            }

            &:nth-child(3) {
              font-size: 24rpx;
              font-weight: 500;
              color: #4A4A4A;
              line-height: 34rpx;
              margin-top: 12rpx;
              word-break: break-all;
              width: 400rpx;


            }
          }

        }
      }

      .img_close {
        width: 40rpx;
        height: 40rpx;
      }
    }

    .next-title {
      font-size: 28rpx;
      font-family: PingFangSC-Semibold, PingFang SC;
      font-weight: 600;
      color: rgba(74, 74, 74, 1);
      line-height: 40rpx;
      // margin-top: 38rpx;   
    }

    .one-list {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      margin-top: 24rpx;

      .item {
        background: #F8F8F8;
        border: 2rpx solid #F8F8F8;
        box-sizing: border-box;
        color: #333334;
        border-radius: 8rpx;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 8rpx 20rpx;
        font-size: 28rpx;
        font-weight: 500;
        margin: 0 24rpx 24rpx 0;
        display: flex;
        align-items: center;

        .sku-img {
          width: 48rpx;
          height: 48rpx;
          margin-right: 20rpx;
        }

      }

      .item_ {
        border: 1px solid #dd0842;
        background: #F8F8F8;
        color: #DD0842 !important;
        border-radius: 8rpx;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 8rpx 20rpx;
        font-size: 28rpx;
        font-weight: 500;
        margin: 0 24rpx 24rpx 0;
        box-sizing: border-box;
        background: rgba(221, 8, 66, 0.05) !important;

        .sku-img {
          width: 48rpx;
          height: 48rpx;
          margin-right: 20rpx;
        }
      }
    }

    .chose-number {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding-right: 26rpx;
      box-sizing: border-box;
      margin-top: 16rpx;

      .left-text {
        font-size: 28rpx;
        font-family: PingFangSC-Semibold, PingFang SC;
        font-weight: 600;
        color: rgba(74, 74, 74, 1);
        line-height: 40rpx;
      }

      .add-main {
        width: 144rpx;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 16rpx;

        .cut {
          width: 18rpx;
          height: 40rpx;

        }

        .add {
          width: 18rpx;
          height: 40rpx;
        }

        .input_ {
          width: 68rpx;
          height: 50rpx;
          background: rgba(248, 248, 248, 1);
          text-align: center;
          // margin    : 0 20rpx;
          font-size: 28rpx;
          color: #333334;
        }
      }

    }

    .sure-btn {
      width: 698rpx;
      height: 90rpx;
      background: #DD0842;
      border-radius: 45rpx;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 32rpx;
      font-weight: 600;
      color: #FFFFFF;
      // margin: 128rpx 0 0 0;  
      position: fixed;
      bottom: 26rpx;
    }

    .sure-btn_ {
      width: 698rpx;
      height: 90rpx;
      background: #F8F8F8;
      border-radius: 45rpx;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 32rpx;
      font-weight: 600;
      color: #C6C6C6;
      // margin: 128rpx 0 0 0;  
      position: fixed;
      bottom: 26rpx;
    }
  }

  .shopping-nav {
    background: #fff;
    position: fixed;
    width: 100%;
    top: 0;
    color: #000;
    z-index: 9999999;

    .shopping-title {
      width: 100%;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      box-sizing: border-box;
      position: relative;

      .name {
        color: #333334;
        font-size: 34rpx;
        margin-left: 32rpx;
      }
    }
  }

  .shop-list {
    margin: 30rpx 24rpx 0 24rpx;

    // background   : rgba(255, 255, 255, 1);
    border-radius: 16rpx;
    overflow: hidden;

    .item-center {
      padding: 30rpx 20rpx 0 70rpx;
      width: 100%;
      box-sizing: border-box;
      background: white;

      .item-center-left {
        display: flex;
        align-items: center;
        width: 100%;
        justify-content: space-between;

        .left-main-text {
          display: flex;
          align-items: center;

          .line1 {
            width: 56rpx;
            height: 28rpx;
            border: 2rpx solid #f2003c;
            border-radius: 6rpx;
            color: #dd0842;
            font-size: 20rpx;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 8rpx;
          }

          .line2 {
            font-size: 24rpx;

            font-weight: 500;

            color: #333334;
            line-height: 32rrpx;

            >text {
              &:nth-child(3) {
                margin-left: 5rpx;
              }
            }
          }

          .line3 {
            font-size: 24rpx;

            font-weight: 500;

            color: #333334;
            line-height: 32rrpx;
            margin-left: 5rpx;
          }
        }


      }

      .item-center-right {
        display: flex;
        align-items: center;
        // margin-left: 20rpx;

        >text {
          font-size: 20rpx;

          font-weight: 500;

          color: #333334;
          line-height: 28rpx;
        }

        >image {
          width: 24rpx;
          height: 24rpx;
          margin-left: 4rpx;
        }

      }

    }

    .item-main {
      // border-radius: 12px;
      overflow: hidden;
      // border-bottom: solid 2rpx #F2F2F2;
      box-sizing: border-box;
      // margin-bottom: 20rpx;
      -webkit-backface-visibility: hidden;
      -webkit-transform: translate3d(0, 0, 0);

      &:last-child {
        border: 0 !important;
        border-radius: 0 0 16rpx 16rpx;
      }
    }

    .item_ {
      height: 370rpx !important;
    }

    .item {
      background: rgba(255, 255, 255, 1);
      padding: 25rpx 18rpx;
      // height: 300rpx;
      box-sizing: border-box;
      width: 100%;

      // &:first-child {
      //   padding-top: 20rpx !important;
      // }

      // display        : flex;
      // justify-content: flex-start;
      // align-items    : center;
      // height: 248rpx;
      // box-sizing: border-box;
      // margin-bottom: 20rpx;
      // border-radius:16rpx;
      .item-top {

        display: flex;
        align-items: center;
        margin-bottom: 28rpx;
        justify-content: space-between;

        .left {
          display: flex;
          align-items: center;

          .img1 {
            width: 40rpx;
            height: 40rpx;
            border-radius: 8rpx;
          }

          .img2 {
            width: 24rpx;
            height: 24rpx;
          }

          .name {
            font-size: 24rpx;
            font-family: PingFangSC-Semibold, PingFang SC;
            font-weight: 600;
            color: rgba(74, 74, 74, 1);
            line-height: 34rpx;
            margin: 0 14rpx;
          }
        }

        .right-text {
          font-size: 20rpx;
          font-family: PingFangSC, PingFangSC-Medium;
          font-weight: 500;
          color: #007bff;
          line-height: 28rpx;
        }


      }



      .item-bottom {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        box-sizing: border-box;

        .left-main {
          height: 160rpx;
          width: 40rpx;
          display: flex;
          align-items: center;
          justify-content: flex-start;

          .icon-left {
            width: 36rpx;
            height: 36rpx;
            border-radius: 50%;
            border: 2rpx solid rgba(198, 198, 198, 1);
            display: flex;
            justify-content: center;
            align-items: center;
            box-sizing: border-box;

            .img {
              width: 100%;
              height: 100%;
            }
          }

          .icon-left_ {
            width: 36rpx;
            height: 36rpx;
            border-radius: 50%;
            box-sizing: border-box;
            display: flex;
            justify-content: center;
            align-items: center;

            .img {
              width: 100%;
              height: 100%;
            }
          }
        }


        .deteil-right {
          display: flex;
          justify-content: flex-start;
          margin-left: 16rpx;

          .img {
            width: 180rpx;
            height: 180rpx;
            background: rgba(236, 236, 236, 1);
            border-radius: 16rpx;
            margin-right: 20rpx;

            .img_ {
              width: 100%;
              height: 100%;
              border-radius: 8rpx;
            }
          }

          .shop-ms {


            .line_1 {
              width: 408rpx;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap;
              font-size: 28rpx;
              color: #333334;
              // margin-top   : 2rpx;
            }

            .line_2 {
              width: 408rpx;
              height: 40rpx;
              // display: flex;
              // align-items: center;
              line-height: 40rpx;

              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap;
              margin-top: 4rpx;

              text {
                background: #F8F8F8;
                padding: 4rpx 12rpx;
                border-radius: 4px;
                font-size: 24rpx;
                color: #9B9B9B;
                box-sizing: border-box;
              }
            }

            .new-str {
              // margin-top: 2rpx;
              margin-right: 12rpx;
              line-height: 1;
              display: flex;
              align-items: center;

              .btn-text1 {
                font-size: 22rpx;
                font-family: PingFangSC-Medium, PingFang SC;
                font-weight: 500;
                color: #DD0842;
                line-height: 34rpx;
                padding: 0rpx 16rpx;
                // background:rgba(221,8,66,1);
                position: relative;

                // border-radius:34rpx;
                // background:#DD0842;
                // border-radius:17rpx;  
                // font-size:22rpx;
                // font-family:PingFangSC-Medium,PingFang SC;
                // font-weight:500;
                // color:rgba(255,255,255,1);   
                // padding: 0rpx 16rpx;
                // line-height: 32rpx;
                &:nth-child(1) {
                  margin-right: 6rpx;
                }
              }

              .btn-text1::after {
                display: flex;
                // box-sizing: border-box;
                align-items: center;
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                width: 200%;
                height: 200%;
                transform: scale(0.5);
                transform-origin: 0 0;
                border: 1rpx solid #DD0842;
                border-radius: 36rpx;
                pointer-events: none;
              }

            }


            .line_3 {
              margin-top: 10rpx;
              display: flex;
              justify-content: flex-start;
              align-items: center;
              line-height: 34rpx;

              .type-text {
                width: 90rpx;
                height: 30rpx;
                background: rgba(255, 227, 225, 1);
                border-radius: 18rpx;
                color: #DD0842;
                display: flex;
                justify-content: center;
                align-items: center;
                font-size: 18rpx;
                font-weight: 500;

              }

              .type-text-member {
                width: 90rpx;
                height: 30rpx;
                background: #333334;
                border-radius: 18rpx;
                color: #FFF9C6;
                display: flex;
                justify-content: center;
                align-items: center;
                font-size: 18rpx;
                font-weight: 500;

              }

              .money-number {
                padding: 2rpx 12rpx;
                font-size: 20rpx;
                font-weight: bold;
                color: #FFFFFF;
                background: #DD0842;
                margin-right: 22rpx;
                // border-radius:18rpx;
                // margin-left: 12rpx;

              }



            }

            .line_4 {
              margin-top: 50rpx;
              display: flex;
              justify-content: space-between;
              align-items: center;

              .money {
                line-height: 1;
                display: flex;
                align-items: center;

                .text1 {
                  font-size: 24rpx;
                  font-family: PingFang-SC-Heavy, PingFang-SC;
                  font-weight: 800;
                  color: #DD0842;
                  // line-height:34rpx; 
                  margin-right: 6rpx;
                }

                .text2 {
                  font-size: 32rpx;
                  font-weight: 600;
                  color: #DD0842;

                }
              }

              .add-main {
                // width          : 144rpx;
                display: flex;
                justify-content: space-between;
                align-items: center;

                .same {
                  height: 50rpx;
                  width: 58rpx;
                  display: flex;
                  justify-content: center;
                }

                .cut {
                  width: 18rpx;
                  height: 40rpx;

                }

                .add {
                  width: 18rpx;
                  height: 40rpx;
                }

                .input_ {
                  width: 68rpx;
                  height: 50rpx;
                  background: rgba(248, 248, 248, 1);
                  text-align: center;
                  // margin    : 0 20rpx;
                  font-size: 28rpx;
                  color: #333334;
                }
              }
            }

            .other-content {
              display: flex;
              justify-content: space-between;
              align-items: center;
              margin-top: 60rpx;

              text {
                font-size: 28rpx;
                font-family: PingFang-SC-Medium, PingFang-SC;
                font-weight: 500;
                color: rgba(155, 155, 155, 1);
                line-height: 40rpx;
              }

              view {
                width: 90rpx;
                height: 32rpx;
                background: rgba(228, 228, 228, 1);
                border-radius: 18rpx;
                font-size: 20rpx;
                font-family: PingFangSC-Semibold, PingFangSC;
                font-weight: 500;
                color: rgba(155, 155, 155, 1);
                display: flex;
                justify-content: center;
                align-items: center;
              }
            }

            .other-content_ {
              display: flex;
              justify-content: space-between;
              align-items: center;
              margin-top: 25rpx;

              text {
                font-size: 28rpx;
                font-family: PingFang-SC-Medium, PingFang-SC;
                font-weight: 500;
                color: rgba(155, 155, 155, 1);
                line-height: 40rpx;
              }

              view {
                width: 90rpx;
                height: 32rpx;
                background: rgba(228, 228, 228, 1);
                border-radius: 18rpx;
                font-size: 20rpx;
                font-family: PingFangSC-Semibold, PingFangSC;
                font-weight: 500;
                color: rgba(155, 155, 155, 1);
                display: flex;
                justify-content: center;
                align-items: center;
              }
            }

          }

        }
      }

    }
  }
  .expire-list_ {
    margin: 30rpx 24rpx 0 24rpx;
    border-radius: 12px;
    background: #FFFFFF;
    .expire_main{
      display: flex;
      
      justify-content: space-between;
      align-items: center;
      .expire_tit{
        margin-left:22rpx;
        font-size:26rpx;
        color: #333334;
      }
      .expire_img{
        width: 80rpx;
        height:88rpx;
        display: flex;
        justify-content: center;
        align-items: center;
        .expire_pic{
          width: 40rpx;
          height:44rpx;
        }
      }
    }
    // background   : rgba(255, 255, 255, 1);
    // border-radius: 16px;
    .item-main {
     
      overflow: hidden;

      -webkit-backface-visibility: hidden;
      -webkit-transform: translate3d(0, 0, 0);
    }

    .item_ {
      height: 370rpx !important;
    }

    .item {
      padding: 34rpx 18rpx;
      // height: 318rpx;
      box-sizing: border-box;
      width: 100%;

      // display        : flex;
      // justify-content: flex-start;
      // align-items    : center;
      // height: 248rpx;
      // box-sizing: border-box;
      // margin-bottom: 20rpx;
      // border-radius:16rpx;
      .item-top {

        display: flex;
        align-items: center;
        margin-bottom: 28rpx;
        justify-content: space-between;

        .left {
          display: flex;
          align-items: center;

          .img1 {
            width: 40rpx;
            height: 40rpx;
            border-radius: 8rpx;
          }

          .img2 {
            width: 24rpx;
            height: 24rpx;
          }

          .name {
            font-size: 24rpx;
            font-family: PingFangSC-Semibold, PingFang SC;
            font-weight: 600;
            color: rgba(74, 74, 74, 1);
            line-height: 34rpx;
            margin: 0 14rpx;
          }
        }

        .right-text {
          font-size: 20rpx;
          font-family: PingFangSC, PingFangSC-Medium;
          font-weight: 500;
          color: #007bff;
          line-height: 28rpx;
        }


      }

      .item-bottom {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        box-sizing: border-box;

        .left-main {
          height: 160rpx;
          width: 40rpx;
          display: flex;
          align-items: center;
          justify-content: flex-start;

          .icon-left {
            width: 36rpx;
            height: 36rpx;
            border-radius: 50%;
            border: 2rpx solid rgba(198, 198, 198, 1);
            display: flex;
            justify-content: center;
            align-items: center;
            box-sizing: border-box;

            .img {
              width: 100%;
              height: 100%;
            }
          }

          .icon-left_ {
            width: 36rpx;
            height: 36rpx;
            border-radius: 50%;
            box-sizing: border-box;
            display: flex;
            justify-content: center;
            align-items: center;

            .img {
              width: 100%;
              height: 100%;
            }
          }
        }


        .deteil-right {
          display: flex;
          justify-content: flex-start;
          margin-left: 16rpx;

          .img {
            width: 180rpx;
            height: 180rpx;
            background: rgba(236, 236, 236, 1);
            border-radius: 16rpx;
            margin-right: 20rpx;

            .img_ {
              width: 100%;
              height: 100%;
              border-radius: 8rpx;
            }
          }

          .shop-ms {


            .line_1 {
              width: 408rpx;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap;
              font-size: 28rpx;
              color: #333334;
              // margin-top   : 2rpx;
            }

            .line_2 {
              width: 408rpx;
              height: 40rpx;
              // display: flex;
              // align-items: center;
              line-height: 40rpx;

              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap;
              margin-top: 4rpx;

              text {
                background: #F8F8F8;
                padding: 4rpx 12rpx;
                border-radius: 4px;
                font-size: 24rpx;
                color: #9B9B9B;
                box-sizing: border-box;
              }
            }

            .new-str {
              // margin-top: 2rpx;
              margin-right: 12rpx;
              line-height: 1;
              display: flex;
              align-items: center;

              .btn-text1 {
                font-size: 22rpx;
                font-family: PingFangSC-Medium, PingFang SC;
                font-weight: 500;
                color: #DD0842;
                line-height: 34rpx;
                padding: 0rpx 16rpx;
                // background:rgba(221,8,66,1);
                position: relative;

                // border-radius:34rpx;
                // background:#DD0842;
                // border-radius:17rpx;  
                // font-size:22rpx;
                // font-family:PingFangSC-Medium,PingFang SC;
                // font-weight:500;
                // color:rgba(255,255,255,1);   
                // padding: 0rpx 16rpx;
                // line-height: 32rpx;
                &:nth-child(1) {
                  margin-right: 6rpx;
                }
              }

              .btn-text1::after {
                display: flex;
                // box-sizing: border-box;
                align-items: center;
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                width: 200%;
                height: 200%;
                transform: scale(0.5);
                transform-origin: 0 0;
                border: 1rpx solid #DD0842;
                border-radius: 36rpx;
                pointer-events: none;
              }

            }


            .line_3 {
              margin-top: 10rpx;
              display: flex;
              justify-content: flex-start;
              align-items: center;
              line-height: 34rpx;

              .type-text {
                width: 90rpx;
                height: 30rpx;
                background: rgba(255, 227, 225, 1);
                border-radius: 18rpx;
                color: #DD0842;
                display: flex;
                justify-content: center;
                align-items: center;
                font-size: 18rpx;
                font-weight: 500;

              }

              .type-text-member {
                width: 90rpx;
                height: 30rpx;
                background: #333334;
                border-radius: 18rpx;
                color: #FFF9C6;
                display: flex;
                justify-content: center;
                align-items: center;
                font-size: 18rpx;
                font-weight: 500;

              }

              .money-number {
                padding: 2rpx 12rpx;
                font-size: 20rpx;
                font-weight: bold;
                color: #FFFFFF;
                background: #DD0842;
                margin-right: 22rpx;
                // border-radius:18rpx;
                // margin-left: 12rpx;

              }



            }

            .line_4 {
              margin-top: 50rpx;
              display: flex;
              justify-content: space-between;
              align-items: center;

              .money {
                line-height: 1;
                display: flex;
                align-items: center;

                .text1 {
                  font-size: 24rpx;
                  font-family: PingFang-SC-Heavy, PingFang-SC;
                  font-weight: 800;
                  color: #DD0842;
                  // line-height:34rpx; 
                  margin-right: 6rpx;
                }

                .text2 {
                  font-size: 32rpx;
                  font-weight: 600;
                  color: #DD0842;

                }
              }

              .add-main {
                // width          : 144rpx;
                display: flex;
                justify-content: space-between;
                align-items: center;

                .same {
                  height: 50rpx;
                  width: 58rpx;
                  display: flex;
                  justify-content: center;
                }

                .cut {
                  width: 18rpx;
                  height: 40rpx;

                }

                .add {
                  width: 18rpx;
                  height: 40rpx;
                }

                .input_ {
                  width: 68rpx;
                  height: 50rpx;
                  background: rgba(248, 248, 248, 1);
                  text-align: center;
                  // margin    : 0 20rpx;
                  font-size: 28rpx;
                  color: #333334;
                }
              }
            }

            .other-content {
              display: flex;
              justify-content: space-between;
              align-items: center;
              margin-top: 60rpx;

              text {
                font-size: 28rpx;
                font-family: PingFang-SC-Medium, PingFang-SC;
                font-weight: 500;
                color: rgba(155, 155, 155, 1);
                line-height: 40rpx;
              }

              view {
                width: 90rpx;
                height: 32rpx;
                background: rgba(228, 228, 228, 1);
                border-radius: 18rpx;
                font-size: 20rpx;
                font-family: PingFangSC-Semibold, PingFangSC;
                font-weight: 500;
                color: rgba(155, 155, 155, 1);
                display: flex;
                justify-content: center;
                align-items: center;
              }
            }

            .other-content_ {
              display: flex;
              justify-content: space-between;
              align-items: center;
              margin-top: 25rpx;

              text {
                font-size: 28rpx;
                font-family: PingFang-SC-Medium, PingFang-SC;
                font-weight: 500;
                color: rgba(155, 155, 155, 1);
                line-height: 40rpx;
              }

              view {
                width: 90rpx;
                height: 32rpx;
                background: rgba(228, 228, 228, 1);
                border-radius: 18rpx;
                font-size: 20rpx;
                font-family: PingFangSC-Semibold, PingFangSC;
                font-weight: 500;
                color: rgba(155, 155, 155, 1);
                display: flex;
                justify-content: center;
                align-items: center;
              }
            }

          }

        }
      }

    }
  }
  .shop-list_ {
    margin: 30rpx 24rpx 0 24rpx;
    .expire_main{
      display: flex;
      background: #FFFFFF;
      justify-content: space-between;
      align-items: center;
      .expire_tit{
        margin-left:22rpx;
        font-size:26rpx;
        color: #333334;
      }
      .expire_img{
        width: 80rpx;
        height:88rpx;
        display: flex;
        justify-content: center;
        align-items: center;
        .expire_pic{
          width: 40rpx;
          height:44rpx;
        }
      }
    }
    // background   : rgba(255, 255, 255, 1);
    // border-radius: 16px;
    .item-main {
      border-radius: 12px;
      overflow: hidden;
      margin-bottom: 20rpx;
      -webkit-backface-visibility: hidden;
      -webkit-transform: translate3d(0, 0, 0);
    }

    .item_ {
      height: 370rpx !important;
    }

    .item {
      background: rgba(255, 255, 255, 1);
      padding: 34rpx 18rpx;
      // height: 318rpx;
      box-sizing: border-box;
      width: 100%;

      // display        : flex;
      // justify-content: flex-start;
      // align-items    : center;
      // height: 248rpx;
      // box-sizing: border-box;
      // margin-bottom: 20rpx;
      // border-radius:16rpx;
      .item-top {

        display: flex;
        align-items: center;
        margin-bottom: 28rpx;
        justify-content: space-between;

        .left {
          display: flex;
          align-items: center;

          .img1 {
            width: 40rpx;
            height: 40rpx;
            border-radius: 8rpx;
          }

          .img2 {
            width: 24rpx;
            height: 24rpx;
          }

          .name {
            font-size: 24rpx;
            font-family: PingFangSC-Semibold, PingFang SC;
            font-weight: 600;
            color: rgba(74, 74, 74, 1);
            line-height: 34rpx;
            margin: 0 14rpx;
          }
        }

        .right-text {
          font-size: 20rpx;
          font-family: PingFangSC, PingFangSC-Medium;
          font-weight: 500;
          color: #007bff;
          line-height: 28rpx;
        }


      }

      .item-bottom {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        box-sizing: border-box;

        .left-main {
          height: 160rpx;
          width: 40rpx;
          display: flex;
          align-items: center;
          justify-content: flex-start;

          .icon-left {
            width: 36rpx;
            height: 36rpx;
            border-radius: 50%;
            border: 2rpx solid rgba(198, 198, 198, 1);
            display: flex;
            justify-content: center;
            align-items: center;
            box-sizing: border-box;

            .img {
              width: 100%;
              height: 100%;
            }
          }

          .icon-left_ {
            width: 36rpx;
            height: 36rpx;
            border-radius: 50%;
            box-sizing: border-box;
            display: flex;
            justify-content: center;
            align-items: center;

            .img {
              width: 100%;
              height: 100%;
            }
          }
        }


        .deteil-right {
          display: flex;
          justify-content: flex-start;
          margin-left: 16rpx;

          .img {
            width: 180rpx;
            height: 180rpx;
            background: rgba(236, 236, 236, 1);
            border-radius: 16rpx;
            margin-right: 20rpx;

            .img_ {
              width: 100%;
              height: 100%;
              border-radius: 8rpx;
            }
          }

          .shop-ms {


            .line_1 {
              width: 408rpx;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap;
              font-size: 28rpx;
              color: #333334;
              // margin-top   : 2rpx;
            }

            .line_2 {
              width: 408rpx;
              height: 40rpx;
              // display: flex;
              // align-items: center;
              line-height: 40rpx;

              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap;
              margin-top: 4rpx;

              text {
                background: #F8F8F8;
                padding: 4rpx 12rpx;
                border-radius: 4px;
                font-size: 24rpx;
                color: #9B9B9B;
                box-sizing: border-box;
              }
            }

            .new-str {
              // margin-top: 2rpx;
              margin-right: 12rpx;
              line-height: 1;
              display: flex;
              align-items: center;

              .btn-text1 {
                font-size: 22rpx;
                font-family: PingFangSC-Medium, PingFang SC;
                font-weight: 500;
                color: #DD0842;
                line-height: 34rpx;
                padding: 0rpx 16rpx;
                // background:rgba(221,8,66,1);
                position: relative;

                // border-radius:34rpx;
                // background:#DD0842;
                // border-radius:17rpx;  
                // font-size:22rpx;
                // font-family:PingFangSC-Medium,PingFang SC;
                // font-weight:500;
                // color:rgba(255,255,255,1);   
                // padding: 0rpx 16rpx;
                // line-height: 32rpx;
                &:nth-child(1) {
                  margin-right: 6rpx;
                }
              }

              .btn-text1::after {
                display: flex;
                // box-sizing: border-box;
                align-items: center;
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                width: 200%;
                height: 200%;
                transform: scale(0.5);
                transform-origin: 0 0;
                border: 1rpx solid #DD0842;
                border-radius: 36rpx;
                pointer-events: none;
              }

            }


            .line_3 {
              margin-top: 10rpx;
              display: flex;
              justify-content: flex-start;
              align-items: center;
              line-height: 34rpx;

              .type-text {
                width: 90rpx;
                height: 30rpx;
                background: rgba(255, 227, 225, 1);
                border-radius: 18rpx;
                color: #DD0842;
                display: flex;
                justify-content: center;
                align-items: center;
                font-size: 18rpx;
                font-weight: 500;

              }

              .type-text-member {
                width: 90rpx;
                height: 30rpx;
                background: #333334;
                border-radius: 18rpx;
                color: #FFF9C6;
                display: flex;
                justify-content: center;
                align-items: center;
                font-size: 18rpx;
                font-weight: 500;

              }

              .money-number {
                padding: 2rpx 12rpx;
                font-size: 20rpx;
                font-weight: bold;
                color: #FFFFFF;
                background: #DD0842;
                margin-right: 22rpx;
                // border-radius:18rpx;
                // margin-left: 12rpx;

              }



            }

            .line_4 {
              margin-top: 50rpx;
              display: flex;
              justify-content: space-between;
              align-items: center;

              .money {
                line-height: 1;
                display: flex;
                align-items: center;

                .text1 {
                  font-size: 24rpx;
                  font-family: PingFang-SC-Heavy, PingFang-SC;
                  font-weight: 800;
                  color: #DD0842;
                  // line-height:34rpx; 
                  margin-right: 6rpx;
                }

                .text2 {
                  font-size: 32rpx;
                  font-weight: 600;
                  color: #DD0842;

                }
              }

              .add-main {
                // width          : 144rpx;
                display: flex;
                justify-content: space-between;
                align-items: center;

                .same {
                  height: 50rpx;
                  width: 58rpx;
                  display: flex;
                  justify-content: center;
                }

                .cut {
                  width: 18rpx;
                  height: 40rpx;

                }

                .add {
                  width: 18rpx;
                  height: 40rpx;
                }

                .input_ {
                  width: 68rpx;
                  height: 50rpx;
                  background: rgba(248, 248, 248, 1);
                  text-align: center;
                  // margin    : 0 20rpx;
                  font-size: 28rpx;
                  color: #333334;
                }
              }
            }

            .other-content {
              display: flex;
              justify-content: space-between;
              align-items: center;
              margin-top: 60rpx;

              text {
                font-size: 28rpx;
                font-family: PingFang-SC-Medium, PingFang-SC;
                font-weight: 500;
                color: rgba(155, 155, 155, 1);
                line-height: 40rpx;
              }

              view {
                width: 90rpx;
                height: 32rpx;
                background: rgba(228, 228, 228, 1);
                border-radius: 18rpx;
                font-size: 20rpx;
                font-family: PingFangSC-Semibold, PingFangSC;
                font-weight: 500;
                color: rgba(155, 155, 155, 1);
                display: flex;
                justify-content: center;
                align-items: center;
              }
            }

            .other-content_ {
              display: flex;
              justify-content: space-between;
              align-items: center;
              margin-top: 25rpx;

              text {
                font-size: 28rpx;
                font-family: PingFang-SC-Medium, PingFang-SC;
                font-weight: 500;
                color: rgba(155, 155, 155, 1);
                line-height: 40rpx;
              }

              view {
                width: 90rpx;
                height: 32rpx;
                background: rgba(228, 228, 228, 1);
                border-radius: 18rpx;
                font-size: 20rpx;
                font-family: PingFangSC-Semibold, PingFangSC;
                font-weight: 500;
                color: rgba(155, 155, 155, 1);
                display: flex;
                justify-content: center;
                align-items: center;
              }
            }

          }

        }
      }

    }
  }

  .shop-bottom {
    width: 100%;
    height: 98rpx;
    background: rgba(254, 254, 254, 1);
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 0 24rpx 0 42rpx;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
    z-index: 10;
    border-top: solid 1rpx #F2F2F2;

    .line {
      &:nth-child(1) {
        display: flex;
        justify-content: flex-start;

        .circle {
          width: 36rpx;
          height: 36rpx;
          border-radius: 50%;
          border: 2rpx solid rgba(198, 198, 198, 1);
          display: flex;
          justify-content: center;
          align-items: center;
          box-sizing: border-box;

          .img {
            width: 100%;
            height: 100%;
          }
        }

        .circle_ {
          width: 36rpx;
          height: 36rpx;
          border-radius: 50%;
          display: flex;
          justify-content: center;
          align-items: center;

          .img {
            width: 100%;
            height: 100%;
          }
        }

        .text {
          color: #9B9B9B;
          font-size: 28rpx;
          font-weight: 500;
          margin-left: 18rpx;
        }

      }

      &:nth-child(2) {
        width: 320rpx;
        margin-left: 52rpx;

        .top {
          width: 100%;
          text-align: right;
          line-height: 1;

          .text1 {
            font-size: 24rpx;
            font-weight: 500;
            color: rgba(51, 51, 52, 1);
            margin-right: 16rpx;
          }

          .text2 {
            font-size: 32rpx;
            font-weight: 500;
            color: #DD0842;
            font-weight: bold;
          }

        }

        .bottom {
          width: 100%;
          // text-align : right;
          line-height: 1;
          margin-top: 5rpx;
          display: flex;
          align-items: center;
          justify-content: flex-end;

          .text1 {
            font-size: 24rpx;
            font-weight: 500;
            color: #DD0842;
            // margin-right: 30rpx;
          }

          .text2 {
            font-size: 24rpx;
            font-weight: 500;
            color: rgba(155, 155, 155, 1);
            margin-left: 10rpx;
          }

        }

      }

      &:nth-child(3) {
        width: 170rpx;
        height: 68rpx;
        background: #42C4BD;
        border-radius: 34rpx;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 20rpx;
        color: #FFFFFF;
        font-weight: 600;
        font-size: 32rpx;
      }
    }
  }

  .shop-bottom-del {
    width: 100%;
    height: 98rpx;
    background: rgba(254, 254, 254, 1);
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 0 24rpx 0 42rpx;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    z-index: 10;
    border-top: solid 1rpx #F2F2F2;

    .line {
      &:nth-child(1) {
        display: flex;
        justify-content: flex-start;

        .circle {
          width: 36rpx;
          height: 36rpx;
          border-radius: 50%;
          border: 2rpx solid rgba(198, 198, 198, 1);
          display: flex;
          justify-content: center;
          align-items: center;
          box-sizing: border-box;

          .img {
            width: 100%;
            height: 100%;
          }
        }

        .circle_ {
          width: 36rpx;
          height: 36rpx;
          border-radius: 50%;
          display: flex;
          justify-content: center;
          align-items: center;

          .img {
            width: 100%;
            height: 100%;
          }
        }

        .text {
          color: #9B9B9B;
          font-size: 28rpx;
          font-weight: 500;
          margin-left: 18rpx;
        }

      }

      &:nth-child(2) {
        width: 170rpx;
        height: 68rpx;
        background: #DD0842;
        border-radius: 34rpx;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 20rpx;
        color: #FFFFFF;
        font-weight: 600;
        font-size: 32rpx;
      }
    }
  }

  .list-main_ {
    margin-top: 44rpx !important;
  }

  .list-main {
    width: 100%;
    margin-top: 22rpx;
    background: white;
    padding-bottom: 30rpx;

    .title {
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      padding-top: 44rpx;
      margin-bottom: 54rpx;

      .line {
        width: 60rpx;
        height: 2px;
        background: #ECECEC;
      }

      .text {
        margin: 0 24rpx;

        font-size: 36rpx;
        font-family: PingFang-SC-Bold, PingFang-SC;
        font-weight: bold;
        color: #333334;
        line-height: 50rpx;

      }

    }

    .my-swiper {
      margin: 30rpx 24rpx 0 24rpx;
      // overflow: hidden;  
      border-radius: 8rpx;
      // .swiper-main{
      //     height: 1160rpx!important;

      // }
      .item-content {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        // height: 1160rpx!important;
        height: auto !important;

        .item_ {
          background-image: url("https://xunjiangzhimei.oss-cn-hangzhou.aliyuncs.com/upload/image/20200804/80b0d8eaa3e6e11756a23d3256c4b3898a2dbaa2.png");
          background-repeat: no-repeat;
          background-size: 100% 100%;
          width: 342rpx;
          height: 566rpx;
          position: relative;
          overflow: hidden;

          .img-add {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            box-sizing: border-box;
            border-radius: 8rpx;
            // border:1rpx solid rgba(195,195,195,1);
          }

          .add-btn {
            position: absolute;
            width: 142rpx;
            height: 114rpx;
            left: 100rpx;
            top: 110rpx;
          }
        }

        .marginB {
          margin-bottom: 16rpx;
        }

        .item {
          background-image: url("https://xunjiangzhimei.oss-cn-hangzhou.aliyuncs.com/upload/image/20200804/80b0d8eaa3e6e11756a23d3256c4b3898a2dbaa2.png");
          background-repeat: no-repeat;
          background-size: 100% 100%;
          position: relative;
          width: 342rpx;
          // height:566rpx;
          border-radius: 8rpx;
          // border:1rpx solid rgba(195,195,195,1);
          // transform:scaleY(0.5);
          margin-bottom: 20rpx;
          // box-sizing: border-box;
          padding-bottom: 20rpx;
          display: flex;
          flex-direction: column;

          // flex-wrap: wrap;
          // align-content: stretch;
          .img-add {
            width: 100%;
            height: 100%;
            box-sizing: border-box;
            border-radius: 8rpx;
            // border:1rpx solid rgba(195,195,195,1);
          }

          .img-main {
            width: 340rpx;
            height: 340rpx;

            border-radius: 8rpx 8rpx 0 0;
            position: relative;

            >image {
              border-radius: 8rpx 8rpx 0 0;
              position: absolute;
              left: 1px;
              top: 1px;
              width: 338rpx;
              height: 338rpx;
              // box-sizing: border-box;
              // border:1rpx solid rgba(195,195,195,1);
            }

            .new-text {
              width: 88rpx;
              height: 40rpx;
              background: rgba(255, 255, 255, 0.7);
              border-radius: 30rpx;
              border: 2rpx solid rgba(221, 8, 66, 1);
              text-align: center;
              line-height: 40rpx;
              position: absolute;
              left: 20rpx;
              top: 20rpx;
              font-size: 28rpx;
              font-family: PingFangSC-Medium, PingFang SC;
              font-weight: 500;
              color: rgba(221, 8, 66, 1);
            }

            .text {
              position: absolute;
              width: 160rpx;
              height: 46rpx;
              background: rgba(181, 148, 104, 1);
              border-radius: 32rpx 0px 0px 0px;
              right: 0;
              bottom: 1rpx;
              font-size: 26rpx;
              font-family: PingFangSC-Medium, PingFang SC;
              font-weight: 500;
              color: rgba(255, 255, 255, 1);
              text-align: center;
              line-height: 46rpx;
            }
          }

          .name {
            padding: 0 20rpx;
            font-size: 26rpx;
            font-family: PingFang-SC-Regular, PingFang-SC;
            font-weight: 400;
            color: rgba(51, 51, 52, 1);
            line-height: 36rpx;
            margin-top: 15rpx;
            height: 72rpx;
            // align-self: flex-start;

          }

          .visib {
            visibility: hidden !important;
          }

          .btn {
            margin: 12rpx 0 0 20rpx;
            line-height: 1;
            // align-self: flex-start;

            .btn-text1 {
              font-size: 22rpx;
              font-family: PingFangSC-Medium, PingFang SC;
              font-weight: 500;
              color: #DD0842;
              line-height: 34rpx;
              padding: 0rpx 16rpx;

              position: relative;
              border-radius: 34rpx;
              box-sizing: border-box;

            }

            .btn-text1::after {
              display: flex;
              box-sizing: border-box;
              align-items: center;
              content: '';
              position: absolute;
              top: 0;
              left: 0;
              width: 200%;
              height: 200%;
              transform: scale(0.5);
              transform-origin: 0 0;
              border: 1rpx solid #DD0842;
              border-radius: 36rpx;
              pointer-events: none;
            }
          }

          .pet-price {
            display: flex;
            // justify-content: center;
            align-items: center;
            padding: 0 20rpx;
            box-sizing: border-box;
            margin-top: 10rpx;

            .circle {
              width: 4rpx;
              height: 4rpx;
              background: #DD0842;
              border-radius: 50%;
            }

            >text {
              font-size: 24rpx;
              font-family: SourceHanSansCN-Normal, SourceHanSansCN;
              font-weight: 500;
              color: #878787;
              line-height: 34rpx;

            }

            .text1 {
              color: #DD0842 !important;
            }
          }

          .end {
            // align-self: flex-end;
            display: flex;
            justify-content: space-between;
            align-items: center;

            padding: 0 20rpx;
            margin-top: 2rpx;

            .left {
              display: flex;
              align-items: center;

              .text1 {
                font-size: 20rpx;
                font-family: PingFangSC-Semibold, PingFang SC;
                font-weight: 600;
                color: #FFFFFF;
                line-height: 28rpx;
                background: #DD0842;
                border-radius: 6rpx;
                padding: 0rpx 6rpx;
              }

              .right-price {
                display: flex;
                // justify-content: flex-end;
                margin-left: 10rpx;

                .fh {
                  font-size: 20rpx;
                  font-family: PingFang-SC-Medium, PingFang-SC;
                  font-weight: 500;
                  color: #333334;
                  // margin-top: 5rpx;
                }

                .text2 {
                  font-size: 32rpx;
                  font-family: PingFang-SC-Medium, PingFang-SC;
                  font-weight: 500;
                  color: #333334;
                  line-height: 28rpx;
                  font-weight: 600;

                }

                .text3 {
                  font-size: 24rpx;
                  font-family: PingFang-SC-Medium, PingFang-SC;
                  font-weight: 500;
                  color: #9B9B9B;
                  line-height: 34rpx;
                  font-weight: 600;
                  margin-left: 4rpx;
                  text-decoration: line-through;


                }
              }

            }

            >image {
              width: 52rpx;
              height: 52rpx;
            }

            .img {
              width: 52rpx;
              height: 52rpx;
            }
          }
        }
      }
    }
  }

}